(function(){
    function SysProc(){
        var breadcrumb = new Breadcurmb({
            prefix: [
                {text: '状态管理', anchor: '/sysproc'}
            ],
            curr: '系统进程'
        });

        var MainView = Backbone.View.extend({
            // el与initialize一样是bk的关键字, 不能重命名为其它
            el: '#page-cnt',
            template:  _.template($("#tpl-sysproc").html()),
            events: {},
            initialize: function() {
                // backbone的事件总线机制, 子视图之间可以由总线上报到主视图再与其他子视图通信
                this.eventBus = _.extend({}, Backbone.Events);
                // 创建面包屑视图
                this.breadcrumbView = new BreadcrumbView({
                    model: breadcrumb
                });
                this.render();
            },
            render: function(){
                this.$el.html(this.template());
                // 只有模板渲染后才能加载表格插件
                this.tableView = new TableView({
                    el: '#sysproc .sysproc-list',
                    columns: [
                        {field: 'name',     title: '进程名称'},
                        {field: 'psStr',    title: '匹配字符串'},
                        {field: 'desc',     title: '描述'},
                    ],
                    opts: {
                        url: apiList.sysproc.query,
                        toolbar: '#sysproc .toolbar',
                    },
                    eventBus: this.eventBus
                });
            },
        });
        var mainView = new MainView();
        console.log('sysproc start');
    }
    app.modules.SysProc = SysProc;
})();